<div id="contenedor" class="container">  
    <div class="row-fluid">
        <ul class="span12 breadcrumb alingCenter">
            <li><b>Licencia</b></li>
        </ul> 
    </div>

    <div class="row-fluid">
        <ul class="nav nav-tabs" data-tab="<?php echo $navbar ?>">            
            <li id="tab-datos-cuenta" class="active"><a href="#">Datos de la cuenta</a></li>
            <li id="tab-puntos-recomendaciones"><a href="#">Puntos y recomendaciones</a></li>
        </ul>
    </div>


    <div id="datos-cuenta">
        <div class="row-fluid">
            <div class="span12">
                <div class="span7">
                    <div class="row-fluid">
                        <ul class="span12 breadcrumb alingCenter">
                            <li><b>Información de la cuenta</b></li>
                        </ul>
                        <table class="table  table-striped">
                            <thead>
                            <th>Tipo<th>
                            <th>Valor X mes<th>
                            <th>Creación<th>
                            <th>Vencimiento<th>
                            <th>Estatus<th>
                                </thead>
                            <tbody>                                
                                <tr>
                                    <td>XX<td>
                                    <td>YY<td>
                                    <td>ZZ<td>
                                    <td>WW<td>
                                    <td>NN<td>
                                </tr>
                            </tbody> 
                        </table> 

                        <div class="span12">
                            <div class="span3">
                                <p class="text-success"> Observaciones:</p>
                            </div>   
                            <div class="span9">
                                <textarea cols="60" readonly="readonly"></textarea>
                            </div>  
                        </div>  
                    </div>
                </div>
                <div class="span5">
                    <ul class="span12 breadcrumb alingCenter">
                        <li><b>Historial de pagos</b></li>
                    </ul>

                    <div class="row-fluid">
                        <div class="span12">
                            <div class="span6">
                                <div class="span12">
                                    <div class="span3">
                                        Desde
                                    </div>
                                    <div class="span7">
                                        <div class="input-prepend">
                                            <span class="add-on"><i class="icon-calendar"></i></span>
                                            <input type="text" class="datePicker input-small"> 
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="span6">
                                <div class="span12">
                                    <div class="span3">
                                        Hasta
                                    </div>
                                    <div class="span7">
                                        <div class="input-prepend">
                                            <span class="add-on"><i class="icon-calendar"></i></span>
                                            <input type="text" class="datePicker input-small"> 
                                        </div>
                                    </div>
                                </div>
                            </div>    

                        </div>    
                    </div>  

                    <div class="row-fluid">
                        <table class="table table-striped">
                            <thead>
                            <th>Fecha</th>
                            <th>Valor</th>
                            <th>Meses pago</th>
                            </thead>
                            <tbody>
                            <th>XX</th>
                            <th>YY</th>
                            <th>ZZ</th>
                            </tbody>   

                        </table>   
                    </div>   

                </div>
            </div>

        </div>  
        <br><br>
        <div class="row-fluid">
            <span><a class="btn btn-primary">Recargar</a></span>
            <span><a class="btn btn-success">Cambiar tipo de cuenta</a></span>
            
            
        </div>    
    </div>     

</div>  


<!-- Modal Historial Pagos Licencia-->
<div id="modalHistorialPagoLicencia" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h4 id="myModalLabel">Pagos realizados</h4>

    </div>
    <div class="modal-body">
        <div class="row-fluid">
            <div class="span12">
                <table class="table  table-striped">
                    <thead>
                        <tr>
                            <th>Fecha de Pago</th>
                            <th>Valor Pagado</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>01/05/2012</td>
                            <td>$180,000</td>
                        </tr>
                        <tr>
                            <td>01/06/2012</td>
                            <td>$40,000</td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    <div class="modal-footer">
        <button class="btn" data-dismiss="modal" aria-hidden="true">Aceptar</button>
    </div>
</div>